/**
 * eadmin / www.eadmin.net
 * 
 * 进度条
 */

@import "../global";

.progress
{
    height: 30px;
    position: relative;
    .bg,
    .percent,
    .point
    {
        .border-radius(50px);
        position: absolute;
        top: 10px;
        left: 0;
        height: 10px;
    }
    .bg
    {
        width: 100%;
        background: @color-5;
        font-size: @font-size-1;
    }
    .percent
    {
        .linear();
        .box-shadow(@shadow-color, 10px);
    }
    .point
    {
        width: 100%;
        line-height: 10px;
        font-size: @font-size-1;
        text-align: center;
    }
    .color-1
    {
        .linear(lighten(@mcolor-2, 10%), @mcolor-2, left);
    }
    .color-2
    {
        .linear(lighten(@mcolor-1, 10%), @mcolor-1, left);
    }
    .color-3
    {
        .linear(lighten(@mcolor-3, 10%), @mcolor-3, left);
    }
    .color-4
    {
        .linear(lighten(@mcolor-4, 10%), @mcolor-4, left);
    }
    .color-5
    {
        .linear(lighten(@mcolor-5, 10%), @mcolor-5, left);
    }
    .color-6
    {
        .linear(lighten(@mcolor-6, 10%), @mcolor-6, left);
    }
    .color-7
    {
        .linear(lighten(@mcolor-7, 10%), @mcolor-7, left);
    }
    .color-8
    {
        .linear(lighten(@mcolor-8, 10%), @mcolor-8, left);
    }
    .color-9
    {
        .linear(lighten(@mcolor-9, 10%), @mcolor-9, left);
    }
    .color-10
    {
        .linear(lighten(@mcolor-10, 10%), @mcolor-10, left);
    }
    .color-11
    {
        .linear(lighten(@mcolor-11, 10%), @mcolor-11, left);
    }
    .color-12
    {
        .linear(lighten(@mcolor-12, 10%), @mcolor-12, left);
    }
}